<!DOCTYPE html>
<html lang="en">
    <head>
        <meta charset="utf-8">
        <style type="text/css">
			.none {
				border-style: none
			}
			.dotted {
				border-style: dotted;
			}
        </style>
    </head>
    <body>
    <!--
		none:默认的一个无边框
		dotted:定义一个点线的边框
		dashed:定义一个虚线的边框
		solid:定义一个实线边框
		double: 定义两个边框，两个边框的宽度的和border-width的值相同
		groove: 定义3D沟槽边框，效果取决于边框的颜色
		ridge: 定义3D脊边框，效果取决于边框的颜色值
		inset:定义一个3D的嵌入边框，效果取决于边框的颜色值
		outset:定义一个3D的突出边框，效果取决于边框的颜色值
    -->
    <p class="none">无边框</p>
    <p class="dotted">点线边框</p>
    </body>
</html>